<!DOCTYPE html>
<html lang="en">
    <head>
        <title>结算</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
        <link rel="stylesheet" href="../src/iconfont/iconfont.css">
        <link rel="stylesheet" href="../bower_components/weui.css"/>
        <link rel="stylesheet" href="../src/stylesheets/screen.css">
        <script src="../bower_components/jquery/dist/jquery.min.js"></script>
        <script src="../src/iconfont/iconfont.js"></script>
    </head>
    <body>
        <div class="wapper">
            <!-- 头部 -->
            <div class="item-header">
                <a href="count_month.html" class="left-icon">
                    <img src="../src/images/left.svg" alt="">
                </a>
                <h1 class="f16">结算</h1>
            </div>
            <!-- 内容 -->
            <div class="content acount">
                <h1 class="f16">结算列表</h1>
                <table class="f12 balance-table">
                    <tr>
                        <td width="50%">
                            <span>推广收入</span>
                            <span>&yen;<i>12000</i></span>
                        </td>
                        <td width="50%">
                            <span>末结算收入</span>
                            <span>&yen;<i>12000</i></span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span>分润收入</span>
                            <span>&yen;<i>12000</i></span>
                        </td>
                        <td>
                            <span>已算结收入</span>
                            <span>&yen;<i>12000</i></span>
                        </td>
                    </tr>
                </table>
            </div>
            <!--结算类型-->
            <div class="balance-count">
                <div class="balance-btn">
                    <button class=" weui-btns weui-btn weui-btn_mini weui-btn_primary iconfont icon-quanbu">
                       全部
                    </button>
                    <button class=" weui-btns weui-btn weui-btn_mini weui-btn_default iconfont icon-jiesuan">       
                       已结算
                    </button>
                     <button class=" weui-btns weui-btn weui-btn_mini weui-btn_default iconfont icon-weijiesuan">       
                       未结算
                    </button>
                </div>
                <div class="balance-style">
                    <table class="f12">
                        <tr>
                            <td width="25%">
                                <p>2017-09</p>
                                <p class="primary">已结算</p>
                            </td>
                            <td width="35%">
                                <p>本月收入</p>
                                <h1 class="f16">&yen;<i>2400</i></h1>
                            </td>
                            <td width="40%">
                                <p>
                                    <span> 推广收入</span>
                                    <span>&yen;<i>1200000</i></span>
                                </p>
                                <p>
                                    <span> 分润收入</span>
                                    <span>&yen;<i>1200000</i></span>
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td width="25%">
                                <p>2017-09</p>
                                <p class="warn">未结算</p>
                            </td>
                            <td width="35%">
                                <p>本月收入</p>
                                <h1 class="f16">&yen;<i>2400</i></h1>
                            </td>
                            <td width="40%">
                                <p>
                                    <span> 推广收入</span>
                                    <span>&yen;<i>1200000</i></span>
                                </p>
                                <p>
                                    <span> 分润收入</span>
                                    <span>&yen;<i>1200000</i></span>
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td width="25%">
                                <p>2017-09</p>
                                <p class="primary">已结算</p>
                            </td>
                            <td width="35%">
                                <p>本月收入</p>
                                <h1 class="f16">&yen;<i>2400</i></h1>
                            </td>
                            <td width="40%">
                                <p>
                                    <span> 推广收入</span>
                                    <span>&yen;<i>1200000</i></span>
                                </p>
                                <p>
                                    <span> 分润收入</span>
                                    <span>&yen;<i>1200000</i></span>
                                </p>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <script src="../src/js/toggle.js"></script>
    </body>
</html>